/*!
 * Sigma IT Solutions Stylesheet
 * Copyright 2014 Sigma IT Solutions.
 */
@color-danger:#df566b;
@color-default:#1f1f20;
/* Font */
@font-face
{
	font-family: "SourceSansPro";
	src: url("fonts/SourceSansPro-Regular.otf");
}
@font-face
{
	font-family: "SourceSansProBold";
	src: url("fonts/SourceSansPro-Bold.otf");
}
@font-face
{
	font-family: "SourceSansProSemiBold";
	src: url("fonts/SourceSansPro-Semibold.otf");
}
@font-face
{
	font-family: "SourceSansProLight";
	src: url("fonts/SourceSansPro-Light.otf");
}
/* Global */
body
{
	background-color: #bdbdbd;
	color: @color-default;
	font: 16px/20px "SourceSansPro";

	#whitepage {
		background-color: #ffffff;
		width: 1300px;
		margin: 0 auto;
	}
}
.container {
	width: 1130px !important;
}
/* Header */
header {
	border-bottom: 1px solid #c4c2c7;

	#logo {
		padding: 30px 0px;
		display: block;
	}

	.nav-main {
		li {
			min-width: 100px;
			text-align: right;

			&.active {
				a, a:hover {
					background-color: transparent;
					border-color: transparent;
					color: @color-danger;
					font-weight: bold;
				}
			}

			a {
				color: @color-default;
				margin-top: 23px;
				padding: 30px 0px 30px 30px;
				margin-right: 0px;
				margin-left: 0px;

				&:hover {
					background-color: transparent;
					border-color: transparent;
					color: @color-danger;
					font-weight: bold;
					margin-right: 0px;
					margin-left: 0px;
				}
			}
		}

	}
}

/* Content */
/* Slider */
#sigma-sliders {
	margin-bottom: 36px;

	.sigma-control {
		background-image: url("images/slider_control.png");
		background-repeat: no-repeat;
		background-position: 0 50%;

		display: inline-block;
		width: 43px;
		height: 430px;

		&.right {
			background-position: -43px 50%;
		}
	}

	.carousel-indicators .active {
		background-color: @color-danger;
		border-color: @color-danger;
	}

	.carousel-control {
		opacity: 0.0;
		&.left, &.right {
			background-image: none;
		}

		&:hover, &:focus {
			opacity: 0.9;
		}
	}

	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
		display: block;
		height: 430px;
		max-width: 100%;
		line-height: 1;
		width: 100%;
	}

	.carousel-caption {
		text-align: left;
		top: 140px;
		left: 11%;

		h3 {
			font-size: 56px;
			line-height: 56px;
			font-family: "SourceSansProSemiBold";
		}
		p {
			font-family: "SourceSansProLight";
			font-size: 30px;
			line-height: 36px;
		}
	}
}
/* Service */
.service-list {
	margin-bottom: 80px;
}
.col-xs-3.col-xs-3-2 {
	width: 20%;
}
.service-slogan {
	font-size: 24px;
	line-height: 26px;
	margin: 20px 0 60px 0;
}
.service {
	padding: 20px 0 50px 0;

	&.service-border {
		border-right: 1px solid #c4c4c4;
		padding: 0;
		padding-right: 30px;

		&.last {
			border-right: none;
		}
	}

    .icon {
    	background-image: url("images/icon_pentagon.png");
    	background-position: 0 0;
    	background-repeat: no-repeat;
    	color: #ffffff;
    	cursor: default;
    	display: inline-block;
    	width: 115px;
    	height: 111px;

    	&:hover {
    		background-position: -115px 0;
    	}

	    span {
	    	background-image: url("images/icon_services.png");
	    	background-repeat: no-repeat;
	    	display: inline-block;
	    	width: 61px;
	    	height: 61px;
	    	margin-top: 25px;

	    	&.puzzle {
	    		background-position: 0 0;
	    	}
	    	&.briefcase {
	    		background-position: -61px 0;
	    	}
	    	&.male-user {
	    		background-position: -122px 0;
	    	}
	    	&.tablet {
	    		background-position: -183px 0;
	    	}
	    	&.friends {
	    		background-position: -244px 0;
	    	}
	    	&.bulb {
	    		background-position: -305px 0;
	    	}
	    	&.layers {
	    		background-position: -366px 0;
	    	}
	    	&.badge {
	    		background-position: -427px 0;
	    		background-color: transparent;
	    	}
	    }
    }

    h3 {
    	font-size: 22px;
    	line-height: 26px;
    	font-family: "SourceSansProSemiBold";
    	margin-top: 10px;
    }

    p {
    	font-size: 16px;
    	line-height: 20px;
    	font-family: "SourceSansPro";
    }
}

.btn-more {
	background-color: @color-danger;
	border-radius: 0;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 20px;
	padding: 10px 70px;

}

/* Careers */
.careers {
	table {
		font-size: 20px;
		line-height: 26px;

		thead th {
			background-color: #609acd;
			color: #ffffff;
		}

		tbody td:first-child a {
			color: #609acd;
			font-family: "SourceSansProSemiBold";
		}
	}
}
/* Contact */
.maps {
	width: 535px;
	height: 368px;
}
/* Footer */
footer {
	background-color: #525355;
	padding-top: 30px;

	h4 {
		color: #a8a9ab;
		font-size: 18px;
		line-height: 26px;
		font-family: "SourceSansProSemiBold";
		margin-bottom: 10px;
	}

	.widget-text {
		color: #ffffff;
		padding-right: 50px;

		.widget-content {
			font-size: 14px;
			line-height: 20px;
		}
	}

	.widget-contact {
		padding: 0 25px;

		.form-control {
			border-radius: 0;
			padding: 15px 15px;
		}
		textarea {
			resize: none;
		}

		.btn-send {
			border: 2px solid #ffffff;
			background: transparent;
			border-radius: 0;
			color: #ffffff;
			text-transform: uppercase;
			padding: 5px 70px;
			font-size: 20px;
		}
	}

	.widget-address {
		padding-left: 50px;

		.widget-content {
			color: #ffffff;
			h4 {
				color: #ffffff;
				font-family: "SourceSansProBold";
				font-size: 14px;
				line-height: 20px;
				margin-bottom: 5px;
				margin-top: 5px;
				letter-spacing: 1px;
			}
			p {
				font-family: "SourceSansPro";
				font-size: 14px;
				line-height: 16px;
				margin-bottom: 5px;
				letter-spacing: 0.6px;
			}
		}
	}

	#copyright {
		background-color: #3e4042;
		color: #a8a9ab;
		font-size: 16px;
		line-height: 90px;
		margin-top: 100px;

		.language {
			.flag {
				background-image: url("images/icon_flags.png");
				background-repeat: no-repeat;

				display: inline-block;
				height: 42px;
				width: 42px;

				margin-bottom: -14px;

				&.flag_vn {
					background-position: -42px 0;
				}

				&.flag_en {
					background-position: 0px 0;
				}

				&.flag_pl {
					background-position: -84px 0;
				}
			}
		}
	}
}